<template>
  <div>
    <div>
      指令化使用，不好实现，实现了也存在顺序问题，现在删除指令文件，直接使用装饰器实现比较简单且同样方便
    </div>
    <div @click="showTip1('div防抖')">div防抖</div>
    <el-button
      @keyup.native="showTip1('keyUp')"
      @click="showTip1('防抖')">
      防抖
    </el-button>
  </div>
</template>

<script>

export default {
  name: "AntiShakeThrottling",
  directives: {
  },
  methods: {
    showTip1(str) {
      this.$message.success(str)
    }
  }
}
</script>

<style scoped lang="scss">

</style>
